<object>: 外部オブジェクト要素
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
<object>
は HTML の要素で、画像、内部の閲覧コンテキスト、プラグインによって扱われるリソースなどのように扱われる外部リソースを表します。
試してみましょう
<object
type="video/mp4"
data="/shared-assets/videos/flower.mp4"
width="250"
height="200"></object>
属性
この要素にはグローバル属性があります。
archive
非推奨;-
オブジェクトのリソースの URI 群を、空白区切りで指定します。
border
非推奨;-
コントロールの境界線の幅で、ピクセル単位です。
classid
非推奨;-
オブジェクトの実装の URI。 data 属性とともに、またはその代替として用いることができます。
codebase
非推奨;-
classid 属性、data 属性、archive 属性で指定された相対 URI を解決するための基準パス。指定しない場合、既定値は現在の文書のベース URI となります。
codetype
非推奨;-
classid によって指定されたデータのコンテンツ型。
data
-
リソースのアドレスを有効な URL で指定。data 属性と type 属性のうち、少なくとも 1 つは定義しておく必要があります。
declare
非推奨;-
この論理属性は属性名を指定するだけで有効になります。オブジェクトは、後続する
<object>
要素でインスタンス化しなければなりません。リソースを再利用するごとに、完全な形の<object>
要素を繰り返し配置します。 form
-
このオブジェクト要素がフォームに関連付けられていれば、そのフォーム要素(フォームオーナー)。属性値は、同一文書内の
<form>
要素の ID でなければなりません。 height
name
-
有効な閲覧コンテキストの名前 (HTML5) またはコントロールの名前 (HTML 4)。
standby
非推奨;-
オブジェクトの実装とデータの読み込み中にブラウザーに表示することができるメッセージ。
type
-
data 属性によって指定されたリソースのコンテンツ型。data 属性と type 属性のうち、少なくとも 1 つは定義しておく必要があります。
usemap
-
<map>
要素を参照するハッシュ名。 '#' の後に map 要素のname
属性を繋げた文字列を属性値として記述します。 width
例
動画を埋め込む
HTML
<object
type="video/webm"
data="/shared-assets/videos/flower.webm"
width="600"
height="140">
<img src="path/image.jpg" alt="有益な画像の説明" />
</object>
結果
この例の動画が読み込めなかった場合、代替コンテンツとしてユーザーに画像が提供されます。画像を表示するために <img>
タグを使用しています。src
属性には埋め込みたい画像のパスを設定します。また、画像にアクセシビリティのある名前を提供するために alt
属性も記載しています。画像も読み込めなかった場合は、alt
属性のコンテンツが表示されます。
技術的概要
コンテンツカテゴリー |
フローコンテンツ、
記述コンテンツ、
埋め込みコンテンツ、知覚可能コンテンツ、要素が usemap 属性を持つ場合は 対話型コンテンツ、
リスト化、
送信可能 な フォーム関連要素
|
---|---|
許可されている内容 |
0 個以上の <param> 要素とそれに続く 透過的コンテンツ
|
タグの省略 | なし。開始タグと終了タグの両方が必須です。 |
許可されている親要素 | 埋め込みコンテンツを受け入れるすべての要素 |
暗黙の ARIA ロール | 対応するロールなし |
許可されている ARIA ロール | application , document , img |
DOM インターフェイス | HTMLObjectElement |
仕様書
Specification |
---|
HTML # the-object-element |